<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS/蓝铅笔-commer.css">
    <link rel="stylesheet" href="./CSS/蓝铅笔footer.css">
     <link rel="stylesheet" href="./CSS/蓝铅笔-head.css">
     <link rel="stylesheet" href="./CSS/normalize.css">
     <link rel="stylesheet" href="./CSS/蓝铅笔-商业订单.css">
     <link rel="stylesheet" href="./font/蓝铅笔-商业font/iconfont.css">
     <link rel="stylesheet" href="./font/蓝铅笔/iconfont.css">
</head>
<body>
    <div class="header-box">
        <div class="header">
            <div class="header-heart">
                <div class="logo"><img src="./蓝铅笔漫步images/logo.png" alt=""></div>
                <div class="nav">
                    <div class="nav-heart">
                    <ul class="nav-ul">
                        <li class="nav-ul-li">
                            <a href="#">
                                首页
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                网校
                                <img src="./蓝铅笔漫步images/hot.png" alt="">
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                教程区
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                大触来了
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                每日一画
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                问答社区
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                商业订单
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                素材下载
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                              APP下载
                            </a>
                        </li>
                    </ul>
                    </div>
                    <div class="bth">
                        <input type="text" name="username" id="username" placeholder="绘画教程" autocomplete="off">
                        <i class="iconfont icon-sousuo"></i>
                    </div>
                </div>
                <div class="login">
                    <div class="login-img">
                        <a href="#">
                            <img src="./蓝铅笔漫步images/1.png" alt="">
                        </a>
                    </div>
                    
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
       </div>   
    <div class="principal">
            <div class="principal-heart">
                <div class="principal-all">
                    <h3>全部</h3>
                    <h3>待应征</h3>
                </div>
                <div class="principal-enlistment">
                     <div class="principal-enlistment-content">
                        <ul class="pecu">
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/107.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>端午节日海报（蓝铅笔）</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>66人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/108.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>端午节日海报 （阔知）</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>20人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/109.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>端午节日海报（四手养成计划）</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>15人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/110.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>端午节日海报（多鲸）</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>10人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/111.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>五一节日海报</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>15人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/112.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>五一节日海报（蓝铅笔）</h4>
                                                <span>￥100~300</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>24人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/113.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>五一节日海报（阔知）</h4>
                                                <span>￥100~300</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>20人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/114.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>端午节日海报 （十分绘画）</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <spn>已应征</spn>
                                                        <p>13人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/115.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>清明节气（蓝铅笔）</h4>
                                                <span>￥100~300</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>10人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="pecu-li">
                                <a href="#">
                                    <div class="pecu-li-top">
                                        <div class="pecu-li-top-img">
                                            <img src="./蓝铅笔漫步images/116.png" alt="">
                                             <span>参考例图</span>
                                        </div>
                                        <div class="pecu-li-top-font">
                                            <div class="pltf-title">
                                                <h4>清明节气（阔知）</h4>
                                                <span>￥100~400</span>
                                            </div>
                                            <div class="pltf-type">
                                                <ul class="pltf-type-ul">
                                                    <li class="pltf-type-ul-li">
                                                        <span>风格描述</span>
                                                        <p>平面-海报、易拉宝</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>需求数量</span>
                                                        <p>1项</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>使甲范围</span>
                                                        <p>商用</p>
                                                    </li>
                                                    <li class="pltf-type-ul-li">
                                                        <span>已应征</span>
                                                        <p>20人</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pecu-li-bottom">
                                        <div class="pecu-li-bottom-time">
                                            <i class="iconfont icon-shijian"></i>
                                            <span>发布时间: 2022-05-20</span>
                                        </div>
                                        <div class="pecu-li-bottom-bth">
                                            <span>我要应征</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                     </div>
                </div>
                <div class="jump">
                    <i class="iconfont icon-zuojiantou"></i>
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <i class="iconfont icon-youjiantou"></i>
                    <a href="#">GO</a>
                </div>
            </div>
    </div>
    <div class="adv">
        <div class="adv-heart">
            <a href="#">
                <img src="./蓝铅笔漫步images/117.png" alt="">
            </a>
        </div>
    </div>
    <div class="help">
        <div class="help-heart">
            <ul class="help-heart-ul">
                <li class="help-heart-ul-li">
                   <div class="hhul-img">
                    <img src="./蓝铅笔漫步images/119.png" alt="">
                   </div>
                   <h4>优质订单</h4>
                   <p>联合众多知名品牌</p>
                   <p>提供大量优质订单</p>
                </li>
                <li class="help-heart-ul-li">
                    <div class="hhul-img">
                     <img src="./蓝铅笔漫步images/120.png" alt="">
                    </div>
                    <h4>高额收入</h4>
                    <p>更多高价订单</p>
                    <p>拥有硬实力便拥有高收入</p>
                 </li>
                 <li class="help-heart-ul-li">
                    <div class="hhul-img">
                     <img src="./蓝铅笔漫步images/121.png" alt="">
                    </div>
                    <h4>经纪服务</h4>
                    <p>经纪服务</p>
                    <p>助你轻松对接需求方</p>
                 </li>
                 <li class="help-heart-ul-li">
                    <div class="hhul-img">
                     <img src="./蓝铅笔漫步images/122.png" alt="">
                    </div>
                    <h4>大量曝光</h4>
                    <p>为学员提供众多平台曝光</p>
                    <p>提高商业变现能力</p>
                 </li>
            </ul>
        </div>
    </div>
    <div class="need">
        <div class="need-heart">
            <div class="need-title">
                <h3>优质需求方</h3>
                <span>你熟悉的他们也在这里约稿</span>
            </div>
            <div class="need-img">
                <ul class="need-img-ul">
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/124.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/125.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/126.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/127.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/128.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/129.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/130.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/131.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/132.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/133.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/134.jpg" alt="">
                    </li>
                    <li class="need-img-ul-li">
                        <img src="./蓝铅笔漫步images/135.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="record">
        <p><a href="#">
            <span>首页</span>
                <em>|</em>
                <span>关于我们</span>
                <em>|</em>
                <span>学习服务</span>
                <em>|</em>
                <span>教程中心</span>
                <em>|</em>
                <span>培训课程</span>
                <em>|</em>
                <span>网站地图</span>
                <em>|</em>
                <span>加入我们</span>
                <em>|</em>
                <span>联系我们</span>
            </a>
        </p>
        <p>
            <img src="./蓝铅笔漫步images/63.png" alt="">
            <a href="#">浙公网安备33010602000717号</a>
            <span>Copyright © 2022杭州多技教育科技有限公司</span>
            <a href="#">浙ICP备11056181号-4</a>
        </p>
    </div>
    <div class="mask-box">
        <div class="mask">
            <div class="mask-heart">
                <div class="mask-left">
                    <img src="./蓝铅笔漫步images/126.png" alt="">
                </div>
                <div class="mask-middle">
                    <img src="./蓝铅笔漫步images/127.png" alt="">
                </div>
                <div class="mask-footer">
                    <a href="#"><img src="./蓝铅笔漫步images/128.png" alt=""></a>
                </div>
            </div>
        </div>
        </div>
</body>
</html>